<%--
  Created by IntelliJ IDEA.
  User: wangjun
  Date: 2016/5/9
  Time: 09:09
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core" %>
<core:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<body>
<div common-modal-form>

        <table class="table table-bordered">
            <tr>
                <td class="text-right">
                    商户简称：
                </td>
                <td>
                    <input type="text" ng-model="vm.item.cusName"class="{{vm.constant.inputClass}}" maxlength="128" name="cusName"/>
                </td>
            </tr>
            <tr>
               <td class="text-right">
                   商户属性：
               </td>
              <td>
                   <select ng-model="vm.item.cusNature" class="{{vm.constant.inputClass}}"
                           required name="cusNature"
                           ng-options="key as value for (key,value) in vm.cached.MERCHANT_PROPERTY">
                       <option value="">请选择</option>
                   </select>
              </td>
           </tr>
             <tr>
            <td class="text-right">
                商户类型：
            </td>
            <td>
                <select ng-model="vm.item.cusType" class="{{vm.constant.inputClass}}"
                        required name="cusType"
                        ng-options="key as value for (key,value) in vm.cached.MERCHANT_TYPE">
                    <option value="">请选择</option>
                </select>
            </td>
        </tr>
            <tr>
            <tr>
                <td class="text-right">
                    银行帐/卡号：
                </td>
                <td>
                    <input type="text" ng-model="vm.item.bankNo"class="{{vm.constant.inputClass}}" maxlength="64"  required name="bankNo"/>
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    开户行：
                </td>
                <td>
                    <input type="text" ng-model="vm.item.openBank"class="{{vm.constant.inputClass}}" maxlength="64" required name="openBank"/>
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    网址：
                </td>
                <td>
                    <input type="text" ng-model="vm.item.url"class="{{vm.constant.inputClass}}" maxlength="100" name="url"/>
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    服务器Ip：
                </td>
                <td>
                    <input type="text" ng-model="vm.item.serverIp" class="{{vm.constant.inputClass}}" name="serverIp" ng-pattern="/(^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$)/" />
                </td>
            </tr>
            <tr>
                <td class="text-right">
                    手机号：
                </td>
                <td>
                    <input type="text" ng-model="vm.item.mobileNo" ng-pattern="/^[1]{1}[0-9]{10}$/" class="{{vm.constant.inputClass}}" name="mobileNo">
                    <%-- <select ng-model="vm.item.bankCardType" class="{{vm.constant.inputClass}}"
                             ng-options="item.key as item.value for item in vm.cached.BANK_INFO_TYPE">
                         <option value="">请选择</option>
                         </select>--%>
                 </td>
                 </tr>
             <tr>
                 <td class="text-right">
                     商户实际办公地：
                 </td>
                 <td>
                     <input type="text" ng-model="vm.item.address"class="{{vm.constant.inputClass}}" maxlength="256" name="address"/>
                 </td>
             </tr>
             <tr>
                 <td class="text-right">
                     ICP备案编号：
                 </td>
                 <td>
                     <input type="text" ng-model="vm.item.icp"class="{{vm.constant.inputClass}}" maxlength="20" name="icp"/>
                 </td>
             </tr>
             <tr>
                 <td class="text-right">
                     风险事件发生时间：
                 </td>
                 <td>
                     <input type="text" ng-model="vm.item.occurtimeb" uib-datepicker-popup="yyyy-MM-dd"
                            required  class="{{vm.constant.inputClass}}" name="occurtimeb"/>
                 </td>
             </tr>
             <tr>
                 <td class="text-right">
                     风险事件结束时间：
                 </td>
                 <td>
                     <input type="text" ng-model="vm.item.occurtimee" uib-datepicker-popup="yyyy-MM-dd"
                            required   class="{{vm.constant.inputClass}}" name="occurtimee"/>
                 </td>
             </tr>
             <tr>
                 <td class="text-right">
                     风险事件发生渠道：
                 </td>
                 <td>
                 <select ng-model="vm.item.occurchan" class="{{vm.constant.inputClass}}"
                          name="occurchan"
                         ng-options="key as value for (key,value) in vm.cached.RISK_EVENT_CHANNEL">
                     <option value="">请选择</option>
                 </select>
                 </td>
             </tr>
             <tr>
                 <td class="text-right">
                     风险事件发生地域：
                 </td>
                 <td>
                      <span ng-repeat="beans in  vm.basicData track by $index">
                         {{beans.cityName}}<button ng-if="beans.cityName" ng-click="vm.deleteOccurarea($index)"><i class="glyphicon glyphicon-minus"></i></button>
                         </span>
                     <br/>
                     省:<select ng-model="vm.basicData.pro" ng-options="item as item.areaName for item  in vm.cached.ADDRESS_Select" class="{{vm.constant.inputClass}} "
                              >
                 </select><span style="color: red">*</span>
                     <button ng-click="vm.addOccurarea(vm.basicData.pro.areaCode,vm.basicData.pro.areaName,vm.basicData.city.cityCode,vm.basicData.city.cityName)"><i class="glyphicon glyphicon-plus"></i></button>
                     <%--<button ng-click="vm.deleteOccurarea($index)"><i class="glyphicon glyphicon-minus"></i></button>--%>
                     <div ng-if="vm.basicData.pro" >
                         市:<select ng-model="vm.basicData.city" ng-options="item as item.cityName for item in vm.basicData.pro.citys" class="{{vm.constant.inputClass}} "
                                  >
                     </select>
                     </div>
                 </td>
             </tr>
             <tr>
                 <td class="text-right">
                     风险事件描述：
                 </td>
                 <td>
                     <input type="text" ng-model="vm.item.note"class="{{vm.constant.inputClass}}" maxlength="2000" name="note"/>
                 </td>
             </tr>
             <tr>
                 <td class="text-right">
                     有效期：
                 </td>
                 <td>
                     <input type="text" ng-model="vm.item.validDate" uib-datepicker-popup="yyyy-MM-dd"
                            class="{{vm.constant.inputClass}}" required name="validDate"/>
                 </td>
             </tr>
        </table>
</div>
</body>
</html>
